@charset "utf-8";
/* CSS Document */
@import url("common.css?6");

@media only screen and (min-width: 992px) {

.ibar {padding:75px 0 48px 0; text-align:center; font-size:14px; color:#999999; text-transform:uppercase;}
.ibar b {display:block; padding-bottom:20px; font-size:32px; color:#000000; font-weight:bold;}

.product {width:100%; background:url(../images/bg_ipro.jpg) bottom repeat-x; text-align:center; padding-bottom:30px;}
.product .sorts a {padding:0 15px; font-size:14px; color:#999999;}
.product .sorts a:hover {color:#000;}
.product ul {width:1400px; margin:0 auto;}
.product ul li {float:left; width:300px; height:460px; margin:0 25px;}
.product ul li img {width:250px; height:300px;}
.product ul li a.img {padding:19px 25px 19px 25px; width:250px; height:300px; display:inline-block; background-color:#fff; position:relative;}
.product ul li a.img::after {content:''; position:absolute; left:0; top:0; width:300px; height:338px; background:url(../images/bg_ipro1.png); z-index:10001;}
.product ul li a.tit {height:40px; line-height:40px; border-radius:20px; padding:0 30px; width:auto; background-color:#fff; margin:0 auto; display:inline-block; font-size:18px; margin:15px 0;}
.product ul li font {font-size:13px; color:#f7e7d5; display:block;}
.product ul li a.more {display:none;}

.product ul li a.img:hover::after {background:url(../images/bg_ipro2.png);}

/*
.product ul li:hover {background-color:#fff;}
.product ul li:hover a.tit {color:#000;border-top:1px solid #999;}
.product ul li:hover font {color:#666;}
.product ul li:hover a.img {padding-bottom:30px;}
.product ul li:hover a.more {display:block; width:100px; height:36px; line-height:36px; border-radius:36px; background-color:#24a54b; color:#fff; font-size:14px; margin:20px auto 0 auto;}*/

.about {background:url(../images/bg_iabout.jpg) right bottom no-repeat; width:1440px; margin:0 auto; padding:0 0 80px 0;}
.about .img {float:left;}
.about .info {width:calc(100% - 850px); margin-right:80px; float:right;}
.about .info span {display:block; font-size:18px; font-weight:bold; position:relative; padding-left:50px;}
.about .info span::before {display:block; height:4px; width:50px; background-color:#2864c2; position:absolute; left:-20px; top:9px; content:'';}
.about .info strong {display:block; padding:25px 0; font-size:18px;}
.about .info p {color:#666; line-height:200%; padding:10px 0 40px 0;}
.about .info font i {font-style:normal; background-color:#e9e9e9; float:left; width:100px; height:120px; margin-right:20px; text-align:center; border-radius:20px;}
.about .info font i img {display:block; margin:15px auto;}

.advantage {background:url(../images/bgadv.jpg); height:660px;}
.advantage .ibar,.advantage .ibar b {color:#fff;}
.advantage ul {width:1350px; margin:40px auto 0 auto;}
.advantage ul li {width:300px; margin:0; float:left; padding:0 70px; text-align:center; color:#fff; font-size:14px; line-height:200%;}
.advantage ul li font {display:block; padding:20px 0; text-align:center; font-size:18px; font-weight:bold;}
.advantage ul li:nth-child(n+2) {border-left:1px solid #ddd;}

.inews {width:1530px; margin:0 auto; padding-bottom:50px;}
.inews ul li {width:420px; margin:0 45px; float:left;}
.inews ul li:nth-child(4) {display:none;}
.inews ul li img {width:420px; height:280px;}
.inews ul li span {display:block; background:url(../images/bg_inews.jpg) left top no-repeat; padding-left:90px; margin-top:20px; line-height:200%; color:#9a9a9a;}
.inews ul li span a.tit {line-height:160%; margin-bottom:10px; display:block; font-weight:bold; font-size:14px;}
.inews ul li span font {display:block; color:#9a9a9a; font-weight:bold; margin-bottom:10px;}
}


@media only screen and (max-width: 991px) {

.ibar {padding:0.8rem 0 0.6rem 0; text-align:center; font-size:0.35rem; color:#999999; text-transform:uppercase;}
.ibar b {display:block; padding-bottom:0.5rem; font-size:0.6rem; color:#000000; font-weight:bold;}

.product {width:100%; text-align:center; padding-bottom:0.3rem;}
.product .sorts {display:none;}
.product ul {margin-left:0.2rem;}
.product ul li {float:left; width:4.4rem; text-align:center; height:6rem; margin:0 0.2rem; padding-bottom:0.7rem;}
.product ul li img {width:3.6rem; height:4.32rem; border-radius:1rem;}
.product ul li a.tit {padding:0.3rem 0 0.2rem 0; margin:0 auto; display:block; font-size:0.45rem;}
.product ul li font {font-size:0.35rem; color:#999;}
.product ul li a.more {display:none;}

.about {width:9.2rem; margin:0 auto 0.8rem auto;}
.about .img {width:9.2rem;}
.about .img img {width:9.2rem; height:auto;}
.about .info {width:100%; padding-top:0.5rem;}
.about .info span {display:none; font-size:0.35rem; font-weight:bold;}
.about .info strong {display:block; padding:0.3rem 0; font-size:0.4rem;}
.about .info p {color:#666; line-height:200%; padding:0.2rem 0 0.6rem 0;}
.about .info font i {font-style:normal; background-color:#e9e9e9; float:left; width:2.85rem; height:2.4rem; margin-right:0.3rem; text-align:center; border-radius:0.4rem;}
.about .info font i:nth-child(3) {margin-right:0;}
.about .info font i img {display:block; margin:0.2rem auto; width:1rem; height:1rem;}

.advantage {background:url(../images/bgadv.jpg) center; background-size:auto 100%; padding-bottom:0.5rem;}
.advantage .ibar,.advantage .ibar b {color:#fff;}
.advantage ul {width:9.2rem; margin:0 auto;}
.advantage ul li {width:100%; margin:0; text-align:center; color:#fff; font-size:0.35rem; line-height:200%;}
.advantage ul li font {display:block; padding:20px 0; text-align:center; font-size:18px; font-weight:bold;}
.advantage ul li img {width:auto; height:auto;}
.advantage ul li:nth-child(n+2) {border-top:1px solid #ddd; margin-top:0.6rem; padding-top:0.6rem;}

.inews {margin:0 0 0 0.2rem; padding-bottom:0.5rem;}
.inews ul li {width:4.4rem; margin:0 0.2rem 0.5rem 0.2rem; float:left;}
.inews ul li img {width:4.4rem; height:2.9333rem;}
.inews ul li span {display:block; height:3.45rem; font-size:0.35rem; overflow:hidden; margin-top:0.3rem; line-height:200%; color:#9a9a9a;}
.inews ul li span a.tit {height:0.8rem; line-height:0.8rem; overflow:hidden; margin-bottom:0.2rem; display:block; font-weight:bold; font-size:0.4rem;}
.inews ul li span font {display:block;	color:#9a9a9a; font-weight:bold; margin-bottom:0.2rem;}
}